Top 13 Amazing Simple CSS Menu List
Left, right and centered menu or content
Expandable bottom menu for special content
Included simple contact form layout
Full cross-browser compatibility, Fully accessible even when javascript is turned off, as a pure css menu, Search engines optimized, Clear unordered list (LI and UL HTML tags) structure, Easy to setup and update, Fantastic animation and transition effects, Multiple pre-desinded color schemes, Completely customizable styling with CSS, Powered by jQuery,
Extremely small - 3kb uncompressed
The custom scrollbars packed in this menu will automatically appear when needed and if you need to add even more content, you can use the infinite carousel to scroll between each part of the panel.Simple working contact form
Simple list of links
There’s also a simple contact form included, it’s ready to be used and requires only your email address to be functionnal. This menu has been tested on many devices and browsers to ensure a maximum compatibility : Internet Explorer, Firefox, Chrome, Opera, Safari have successfully passed the tests.
‘Stripe’ is a simple 2-level menu plugin for WordPress, designed to add a little life to your site’s header. Once activated, the menu will scroll along with the page so it would be visible at all times, making it a great place to insert important links to. ‘Stripe’ does not replace or affect your theme’s current menu(s).animated 2-level menu
Add as few or many menu items as you’d like
Ability to override the main menu and create post- and page-specific menus
- added ability to override the main menu and create post- and page-specific menus
TileBox – Modern Responsive LightBox CSS
TileBox – Modern Responsive LightBox CSS is a small CSS plugin that is used to create a lightbox demo with HTML5 CSS3 animation Effects for modern browsers. TileBox is very light, it’s absolute 100% HTML and CSS so it can be customized easily.Simple HTML Structure and CSS.If you like to see the plugin documentation you can check it here: TileBox CSS Documentation
Navion – Metro Navigation Menu Accordion Switcher CSS
Tabion – Metro Tab Accordion Switcher CSS
OneMenu – Responsive Metro UI Menu
MenuStation – Unlimited Responsive Menu
Metro Navigation Bar CSS
Hello everybody! Slicnot is a small CSS toolkit that allows you to create anything from just a simple plain button to a complex drop-down navigation menu bar with very less amount of effort.• Separated Menu Button
Sky Mega Menu is a clean, responsive solution for creation beautiful site navigations. The drop menu code relies only on CSS/XHTML and comes with 3 mobile versions, different positions, 9 beautiful color schemes, commonly used forms, grid system and much more.If you like Sky Mega Menu, please don’t forget to rate!
Different color schemesEach color scheme has it’s own css file, that can be easily modified for creation your own colors.Useful examplesYou can use these examples as a base for creation your own navigations simple and fast.I was having troubles with the menu due to my stupidness and Voky sat with me for almost the entire night fixing my problem.
Shifty Nav is a fully responsive CSS3 mega menu. It was created using LESSCSS so modification is incredibly simple. To change the color of the entire menu requires a simple changing of a few pre-defined variables, so there’s not extensive digging through the code!
This menu supports whatever kind of content you throw at it, and includes a full tutorial on how to build the markup for your own menu if you don’t want to modify the pre-existing file.Completely customizable menu layout
Hody – Hidden Simple Menu
Minimal and responsive menu design for your website. The menu has been created for sites of any subject.Multi-Functional Menu
Hidden menu
CSS include 5 color for background (orange,red,purple,green,blue)
CSS include 5 color for menu (green,red,blue,yellow,purple)
Simple menu construction
This menu is the result of a combination of my best works on Codecanyon : I’ve put together a flexible mega menu system that can hold 12 sizes of drop downs, unlimited fly-out elements combined with a jQuery script to enhance the whole system. It can be used as a sticky footer HTML5 (with mega “drop-ups”) using the exact same markup as the “standard” mega menu. Customizing the menu require some basic knowledge of CSS and you can change the look of every part of the menu : the fonts, the colors, the sizes, etc. Fully Responsive Menu
Simple Working Contact Form
Standard Top Menu
Sticky (or fixed) Top Menu
The package contains 2 folders : “Responsive” and “Non-Responsive” so the menu is ready to be included on any type of website. For each version of the menu, responsive and non-responsive, you have 6 HTML files with various examples of what you can do with the menu, from a simple navigation bar without drop downs to a combination of 2 mega menus on a same page. There’s also a simple contact form included (check the live preview to see it in action), it’s ready to be used and requires only your email address to be functionnal. This menu has been tested on many devices and browsers to ensure a maximum compatibility : Internet Explorer, Firefox, Chrome, Opera, Safari have successfully passed the tests.The whole menu relies mainly on CSS, it means that if Javascript is disabled, most of the menu will work. Be sure to test the demo with different browsers or devices to make sure that the menu meets your requirements.I try to regularly update my products based on the feedback I receive, so if you find any kind of bug, I’ll do my best to update the menu as soon as possible. I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.
This drop menu code is pure CSS3 code.Ready to display any HTML code inside a menu tab
Simple contact form included
13. WP Nav Plus
WP Nav Plus is an improved version of the wordpress menu system, which adds the ability to specify a start depth when displaying your menu on your site. This makes it much easier to implement secondary and tertiary navigation menu’s based off the hierarchy setup in WordPress’s Menu manager. In other words, you can use this plugin to ‘hide’ the levels of the menu that you do not want Wordpress to show!
For non-developers, using WP Nav Plus is as simple as activating the plugin, and dropping the widget wherever you want it in your widget manager. - A setting of 1 will exclude the 1st level menu items. Use this in combination with the ‘depth’ argument to set a start and end depth for your menu’s.
This it’s a menu with 3 columns of pages with a very good design and color combinations and its compatible with mobile devices! Its very efficient for people who want a simple responsive menu with modern design.- We added the Mega-Menu design with the posibility to add forms, images and video in the dropdown!
- Also we added 360+ vector icons to put them in your menu items!
Easy to add new menu items
Mega-Menu Content:
Image Gallery’s or simple images!
- Mega-menu Content (complete forms, images, video and more!)